<template>
  <p class="header">已完成订单</p>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="id" label="剧本id" />
    <el-table-column prop="scriptName" label="剧本名称" />
    <el-table-column prop="orderNumber" label="订单编号" />
    <el-table-column prop="peoplecount" label="组局人数" />
  </el-table>

</template>
<script setup>
import { ref, reactive } from 'vue'
const table = reactive({ tableData: [] })
const axios = require('axios').default
axios.get('http://124.220.177.66:8082/juben/getCompletedOrder').then((res) => {
  table.tableData = res.data.data
})
let handleClick = () => {

}
</script>
<style scoped>
* {
  padding: 0;
  margin: 0;
}

.header {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}
</style>